@let userEmail = userEmail$ | async;

<div class="modal-header">
  <h4 class="modal-title">Get priority support</h4>
</div>

<div class="modal-body">
  <p>
    As a Mockoon Cloud customer, you benefit from our priority support. If you
    have any feedback, suggestions, or issues, please let us know!
  </p>

  <div class="mb-3">
    <textarea
      id="feedback"
      class="form-control"
      rows="5"
      [formControl]="feedbackControl"
      required
      maxLength="10000"
    ></textarea>
  </div>

  <div class="px-3 pb-2">
    <small>
      <app-svg icon="info" class="me-2"></app-svg>

      <span>
        Your message will be sent to our support team and processed as soon as
        possible. We will answer you by email at
        <strong class="user-select-all">{{ userEmail }}</strong
        >.
      </span>
    </small>
  </div>
</div>

<div class="modal-footer">
  <button
    type="button"
    class="btn btn-primary"
    (click)="send()"
    [disabled]="!feedbackControl.valid"
  >
    Send
  </button>
  <button type="button" class="btn btn-secondary" (click)="close()">
    Cancel
  </button>
</div>
